@charset "utf-8";

/* CSS Document */



li{

	list-style: none;

}

.clearBoth {

	clear:both;

	/*控制分类后，各行高度不一样对不齐问题*/

	width:100%;

	height:1px;

	font-size:0;

	overflow:hidden;

	/*控制分类后，各行高度不一样对不齐问题*/

	line-height:0;

}



#box_sbnewsb{

width:300px;

height:450px;

}

#box_sbnew{

padding:0 40px;

width:550px;

height:500px;

margin-top: -50px;

float:left;

}

.sbnewy{

width:350px;

height:500px;

margin-top: -50px;

float:right;

background:url(../images/sbsb.jpg) no-repeat center;

}



.sbgg{

width:1200px;

height:150px;

margin:50px auto 0;

background:url(../images/sbgg.jpg) no-repeat center;

}

/*products*/

#box_probt{

	width:580px;

	height:130px;

	text-align:center;

	margin:80px auto 0;

}

.xl{

	width:1200px;

	height:450px;

	margin: 50px auto 0;

}

.cp{

	width:100%;

	height:600px;

	padding:100px 0;

	background:url(../images/bg.jpg) no-repeat center;

}

.cp_mind{

	width:1200px;

	height:400px;

	margin:0 auto;

}

#box_cp{

	width:1000px;

	height:450px;

	float:left;

}

.cp .more{

	float:right;

	width:150px;

	margin-top:75px;

	padding: 100px 0;

	height:250px;

	border:2px #fff solid;

}

.cp .more a{

	padding:10px 41px;

	color:#f06500;

	background:#fff;

	transition:0.5s;

}

.cp .more a:hover{

	color:#fff;

	transition:0.5s;

	background:#f06500;

}



/*about*/

#box_bt1{

	width:580px;

	height:130px;

	text-align:center;

	margin:80px auto 0;

}

.about_icon{

    height: 300px;

    margin: 0 auto;

    width: 1200px;

    margin-top: 100px;

}

.about_icon ul li {

list-style-type:none;

float:left;

margin-right:100px;

}

#icon1{

width:200px;

height:200px;

background:#fff;

cursor:pointer;

transform:rotate(45deg);

border:solid #eee 5px;

transition:0.5s;

}

#icon1:hover{

border:solid #cd342c 5px;

transition:0.5s;

}

.about_icon .icon1{

    height: 150px;

    padding: 20px;

    position: relative;

    top: -200px;

    width: 150px;

    left: 25px;

background:url(../images/gy.png) center no-repeat;

}

.about_icon .icon1 p{

    color: #666;

    font-size: 18px;

    font-weight: bold;

    margin-top: 100px;

}





#icon2{

width:200px;

height:200px;

background:#fff;

cursor:pointer;

transform:rotate(45deg);

border:solid #eee 5px;

transition:0.5s;

}

#icon2:hover{

border:solid #cd342c 5px;

transition:0.5s;

}

.about_icon .icon2{

    height: 150px;

    padding: 20px;

    position: relative;

    top: -200px;

    width: 150px;

    left: 25px;

background:url(../images/js.png) center no-repeat;

}

.about_icon .icon2 p{

    color: #666;

    font-size: 18px;

    font-weight: bold;

    margin-top: 100px;

}







#icon3{

width:200px;

height:200px;

background:#fff;

cursor:pointer;

transform:rotate(45deg);

border:solid #eee 5px;

transition:0.5s;

}

#icon3:hover{

border:solid #cd342c 5px;

transition:0.5s;

}

.about_icon .icon3{

    height: 150px;

    padding: 20px;

    position: relative;

    top: -200px;

    width: 150px;

    left: 25px;

background:url(../images/cp.png) center no-repeat;

}



.about_icon .icon3 p{

    color: #666;

    font-size: 18px;

    font-weight: bold;

    margin-top: 100px;

}





#icon4{

width:200px;

height:200px;

background:#fff;

cursor:pointer;

transform:rotate(45deg);

border:solid #eee 5px;

transition:0.5s;

}

#icon4:hover{

border:solid #cd342c 5px;

transition:0.5s;

}

.about_icon .icon4{

    height: 150px;

    padding: 20px;

    position: relative;

    top: -200px;

    width: 150px;

    left: 25px;

background:url(../images/xw.png) center no-repeat;

}

.about_icon .icon4 p{

    color: #666;

    font-size: 18px;

    font-weight: bold;

    margin-top: 100px;

}



/*news*/


.news_mind{

	width:1200px;

	height:auto;

	margin:0 auto;

}

#box_bt2{

	width:580px;

	height:100px;

	text-align:center;

	margin:0 auto;

}

#box_news{

	width:1200px;

	height:300px;

	margin-top:50px;

}

.news .more{

    border: 2px solid #fff;

    margin: 50px auto 0;

    padding: 30px 0;

    text-align: center;

    width: 250px;

	transition:0.5s;

}

.news .more:hover{

    border: 2px solid #b34b00;

	background:#b34b00;

	transition:0.5s;

}

.news .more a{

	padding:10px 41px;

	color:#f06500;

	background:#fff;

	transition:0.5s;

}

.news .more a:hover{

	color:#fff;

	transition:0.5s;

	background:#f06500;

}

/*contact*/

#box_bt3{

	width:360px;

	height:140px;

	text-align:center;

	margin:25px auto 0;

}

#box_contact{

	width:1200px;

	height:200px;

	margin:0px auto 0;

}

/*copyright*/

.copyright{

	width:100%;

	height:80px;

	background:#1b1b1b;margin-top: 10px;

}

#box_copyright{

	width:1200px;

	height:80px;

	/*padding: 10px;*/

	margin:0 auto;

}





.icon a{

color:#666;

font-size:14px;

}

.icon td{

color:#666;

font-size:14px;

}

.icon{

	width:1300px;

	margin-top:50px;

	height:150px;

}

.icon li{

    float: left;

    width: 300px;

	margin-right:10px;

}

#box_icon1{

    background: #fff none repeat scroll 0 0;

    border: 1px solid #eee;

    height: 100px;

    

    float:left;

    list-style-type: none;

    text-align: center;

    width: 290px;

    padding: 20px 0;

  transition:0.8s;

}

#box_icon2{

    background: #fff none repeat scroll 0 0;

    border: 1px solid #eee;

    float: left;

    height: 100px;

    list-style-type: none;

    text-align: center;

    width: 300px;

    padding: 20px 0;

  transition:0.8s;

}

#box_icon3{

    background: #fff none repeat scroll 0 0;

    border: 1px solid #eee;

    float: left;

    height: 100px;

    list-style-type: none;

    text-align: center;

    width: 300px;

    padding: 20px 0;

  transition:0.8s;

}

#box_icon4{

    background: #fff none repeat scroll 0 0;

    border: 1px solid #eee;

    float: left;

    height: 100px;

    list-style-type: none;

    text-align: center;

    width: 300px;

    padding: 20px 0;

  transition:0.8s;

}

.lurk a{

    font-size: 16px;margin-left: 0px;padding: 10px;display: block;float: left;

    margin-bottom: 10px;

}

#box_icon1:hover{

	  -webkit-box-shadow:0 0 30px #ccc;  

  -moz-box-shadow:0 0 30px #ccc;  

  box-shadow:0 0 30px #ccc; 

  transition:0.8s;

}

#box_icon2:hover{

	  -webkit-box-shadow:0 0 30px #ccc;  

  -moz-box-shadow:0 0 30px #ccc;  

  box-shadow:0 0 30px #ccc; 

  transition:0.8s;

}

#box_icon3:hover{

	  -webkit-box-shadow:0 0 30px #ccc;  

  -moz-box-shadow:0 0 30px #ccc;  

  box-shadow:0 0 30px #ccc; 

  transition:0.8s;

}

#box_icon4:hover{

	  -webkit-box-shadow:0 0 30px #ccc;  

  -moz-box-shadow:0 0 30px #ccc;  

  box-shadow:0 0 30px #ccc; 

  transition:0.8s;

}











.side{

   z-index: 100;

    border-bottom: #444444 0px solid;

    position: fixed;

    border-left: #444444 0px solid;

    width: 54px;

    height: 217px;

    border-top: #444444 0px solid;

    top: 180px;

    right: 0px;

}

.side UL LI{

   border-bottom: #444 1px solid;

    position: relative;

    width: 54px;

    float: left;

    height: 54px;

}

.side UL LI .sidebox{

   position: absolute;

    filter: Alpha(opacity=80);

    width: 54px;

    font: 14px/54px "微软雅黑";

    background: #000;

    height: 54px;

    color: #fff;

    overflow: hidden;

    top: 0px;

    right: 0px;

    opacity: 0.8;

    transition: all 0.3s;

}

.side UL LI .noScroll{

   border-bottom: medium none;

    border-left: medium none;

    border-top: medium none;

    border-right: medium none;

}

.side UL LI .sidetop{

   filter: Alpha(opacity=80);

    width: 54px;

    display: inline-block;

    background: url(../images/gotoTopST.png) #000 no-repeat 0px 0px;

    height: 54px;

    opacity: 0.8;

    transition: all 0.3s;

}

.side UL LI .sidetop:hover{

   border-bottom: #444444 0px solid;

    filter: Alpha(opacity=100);

    border-left: #444444 0px solid;

    background: url(../images/gotoTopST.png) #ae1c1c no-repeat 0px 0px;

    border-top: #444444 0px solid;

    border-right: #444444 0px solid;

    opacity: 1;

}

.side UL LI A{

   width: 54px;

    height: 54px;

    color: #ffffff;

    cursor: pointer;

    text-decoration: none;

}

.side UL LI A:hover{

   width: 124px;

    height: 54px;

    cursor: pointer;

    text-decoration: none;

}

.qcodeSTDiv{

   position: relative;

    width: 54px;

    height: 54px;

}

#qcode{

   filter: Alpha(opacity=80);

    width: 54px;

    display: block;

    background: url(../images/phoneST.png) #000 no-repeat 0px 0px;

    height: 54px;

    opacity: 0.8;

    transition: all 0.3s;

}

#qcode_hover{

   border-bottom: #444444 0px solid;

    filter: Alpha(opacity=100);

    border-left: #444444 0px solid;

    display: block;

    background: url(../images/phoneST.png) #ae1c1c no-repeat 0px 0px;

    border-top: #444444 0px solid;

    border-right: #444444 0px solid;

    opacity: 1;

}

#qcode_img{

   position: absolute;

    width: 111px;

    bottom: -50%;

    display: none;

    background: url(../images/qcode.png) no-repeat 0px 0px;

    height: 146px;

    cursor: pointer;

    right: 59px;

}

#wxcode{

   filter: Alpha(opacity=80);

    width: 54px;

    display: block;

    background: url(../images/weixinST.png) #000 no-repeat 0px 0px;

    height: 54px;

    opacity: 0.8;

    transition: all 0.3s;

}

#wxcode_hover{

   border-bottom: #444444 0px solid;

    filter: Alpha(opacity=100);

    border-left: #444444 0px solid;

    display: block;

    background: url(../images/weixinST.png) #ae1c1c no-repeat 0px 0px;

    border-top: #444444 0px solid;

    border-right: #444444 0px solid;

    opacity: 1;

}

#wxcode_img{

   position: absolute;

    width: 111px;

    bottom: -50%;

    display: none;

    background: url(../images/wxcode.png) no-repeat 0px 0px;

    height: 146px;

    cursor: pointer;

    right: 59px;

}